
@import 'src/themes/mixins/mixins.scss';

@include b(webcam) {
	.el-dialog {
		margin-top: 7vh !important;
    min-height: 7rem;
    width: 9rem !important;
	}
	.el-dialog__body {
		height: 100%;
		overflow: auto;
	}
	@include e(video-container) {
		height: 6.80rem;
		width: 9rem;
	}
	@include e(video) {
		// margin-top:-0.05rem ;
	}
	@include e(isRec) {
		position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    width: 0.3rem;
    height: 0.3rem;
		background: rgb(221, 74, 74);
		border-radius: 50%;
		animation:rec 1s ease infinite;
		opacity: 0.8;
	}
	@include e(isRec-big) {
		position: absolute;
    left: 0.15rem;
    top: 0.15rem;
    width: 0.5rem;
    height: 0.5rem;
		border-radius: 50%;
		border:4px solid rgb(221, 74, 74);
	}

	@include e(recTime) {
		position: absolute;
    left: 0.7rem;
    top: 0.2rem;
    width: 0.4rem;
		height: 0.4rem;
		line-height: 0.4rem;
		font-size: 0.2rem;
		font-weight: 600;
	}
	@include e(video-mask) {
		position:absolute;
		top: 0;
		left: 0;
	}
	@include e(footer) {
		height:0.5rem;
	}
	@keyframes rec {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0.3;
		}
		100% {
			opacity: 1;
		}
	}
}
